<template>
	<!-- 仓库信息 -->
	<view class="content">
		<view class="warelist">
			<view class="list">
				<view class="name">
					仓库名
				</view>
				<view class="msg">
					宝石花仓库
				</view>
			</view>
			<view class="list">
				<view class="name">
					仓库地址
				</view>
				<view class="msg">
					成都市天府软件园
				</view>
			</view>
			<view class="list">
				<view class="name">
					配送范围
				</view>
				<view class="msg">
					1公里以内
				</view>
			</view>
			<view class="list">
				<view class="name">
					关联医院
				</view>
				<view class="msg">
					XX医院
				</view>
			</view>
			<view class="list">
				<view class="name">
					发货地址
				</view>
				<view class="msg">
					<view class="goodsDeliver">
						四川省 成都市 高新区 益州大道1800号
						移动互联创业大厦G1区 <u-icon class="icon" size="8rpx" name="arrow-right" color="rgba(207, 207, 207, 1)"></u-icon>
					</view>
				</view>
			</view>
			<view class="list">
				<view class="name">
					收货地址
				</view>
				<view class="msg" @click="toShippadd">
					3<u-icon class="icon" size="8rpx" name="arrow-right" color="rgba(207, 207, 207, 1)"></u-icon>
				</view>
			</view>
		</view>
		<tabBar></tabBar>
	</view>
</template>

<script>
	import tabBar from "component/tabBar/tabBar.vue"
	export default {
		components: {
			tabBar
		},
		methods:{
			toShippadd:function(){
				// console.log('123')
				uni.navigateTo({
					url:'./shippingAdd'
				})
			}
			
		}
	}
</script>

<style scoped lang="scss">
.content{
	width: 750rpx;
	height: auto;
	.warelist{
		margin-top: 32rpx;
			.list{
				width: 750rpx;
				height: 104rpx;
				background: #FFFFFF;
				color: rgba(51, 51, 51, 1);
				border-bottom: 2rpx solid #F0F0F0;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
				line-height: 104rpx;
				text-align: left;
				display: flex;
				justify-content: space-between;
				.name{
					margin-left: 36rpx;
				}
				.msg{
					width: 451rpx;
					height: 88rpx;
					color: rgba(166, 166, 166, 1);
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #171919;
					line-height: 104rpx;
					text-align: right;
					margin-right: 50rpx;
					position: relative;
					.icon{
						position: absolute;
						top: 38rpx;
						right: -40rpx;
					}
					.goodsDeliver{
						text-align: left;
						height: 65rpx;
						width: 451rpx;
						margin-top: 32rpx;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						line-height: 30rpx;
					}
				}
			}
	}
}
</style>